<template>
    <div id="app">
        
        <div class="content">
            <Head/>
            <Basic/>
            <Score/>
            <Particulars/>
            <Scene/>
        </div>
        <Bottom/>
    </div>
</template>

<script>
import Basic from "../components/Detail/Basic.vue";
import Score from "../components/Detail/Score.vue";
import Particulars from "../components/Detail/Particulars.vue";
import Head from "../components/Detail/Head.vue";
import Bottom from "../components/Detail/Bottom.vue";
import Scene from "../components/Detail/Scene.vue";
export default {
  name: "Detail",
  components: {
      Basic,Score,Particulars,Head,Bottom,Scene
  },
};
</script>


<style scoped>
#app{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.content{
    flex: 1;
    overflow-y:auto; 
}
</style>
